<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
        <title>我的</title>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
        <style>
            body{
                font-size: 14px;
                background: #f3f3ff;
            }
            header{
                background: url(../../image/wodeBg.jpg);
                position: relative;
                padding: 12% 5%;
                color:#fff;
                font-weight: 400;
            }
            header .aui-input-row:first-child:after{
                border:none;
            }
            header .aui-border-r:after{
                bottom:-60%;
                top:18%;
            }
            header .imgRadius{
                border-radius: 50%;
                width: 80px;
                overflow: hidden;
                height: 80px;
                margin-right: 15px;
            }
            header .imgRadius img{
                width: 100%;
            }
            .divTable{
                display: table;
            }
            .divCell{
                display: table-cell;
                vertical-align: middle;
            }
            .my-menu {
                position: absolute;
                width: 100%;
                height: 45px;
                line-height: 45px;
                left: 0;
                bottom: 0;
                text-align: center;
                background: #ffffff;
                filter:Alpha(opacity=50);
                background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;
                color: #ffffff;
                font-size: 14px;
            }
            .myMessage{
                position: relative; 
            }
            .myMessage:before{
                content:"";
                position: absolute;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: red;
                right:-6px;
                top:-6px;
            }
            .aui-list-view{
                margin-bottom: 0;
            }
            .aui-badge{
                background: none;
            }
            .my-nav{
                padding-bottom: 10px;
                margin-bottom: 10px;
                font-size: 12px;
            }
            .my-nav p{
                font-size: 12px;
            }
            .my-nav.aui-grid-sixteen li:after{
                border:none
            }
            .my-nav li{
                padding:0;
            }
            .my-nav.aui-grid-sixteen li .aui-iconfont{
                height: 30px;
                color: #9c9c9c;
            }
            .aui-grid-sixteen:after{
                border:none;
            }
            .w20{
                width: 20%;
            }
            .aui-badge{
                color: #9c9c9c;
            }
            .aui-list-view i.aui-iconfont{
                border-radius: 50%;
            }
            .aui-list-view  .qianbao{
                background: #f67b86 !important;
            }
            .aui-list-view  .gong{
                background: #f97406 !important;
            }
            .aui-list-view  .fabu{
                background: #8ca6c6 !important;
            }
            .aui-list-view  .fuwu{
                background: #f79136 !important;
            }
            .aui-list-view  .buhuo{
                background: #8ca8c7 !important;
            }
            .aui-list-view  .shoucang{
                background: #f5ad1b !important;
            }
            .aui-list-view  .zuji{
                background: #5ac3a9 !important;
            }
            .aui-list-view  .yijian{
                background: #83a9ce !important;
            }
            .my-list{
                margin-bottom: 10px;
            }
            .aui-list-view:after{
                top:inherit;
            }
        </style>
    </head>
    <body>
        <header>
            <div class="aui-input-row divTable">
                <div class="imgRadius">
                    <img src="../../image/touxiang.jpg" alt="">
                </div>
                <div class="name divCell">潮纺花料印刷有限公司</div>
            </div>
             <div class="my-menu">
                 <div class="aui-col-xs-4 aui-border-r " tapmode onclick="changeSeller()">切换为卖家</div>
                 <div class="aui-col-xs-4 aui-border-r "><span class="myMessage">我的消息</span></div>
                 <div class="aui-col-xs-4">设置</div>
             </div>
        </header><!-- /header -->
        <!-- 默认是买家，切换卖家时，如果还没认证就提示认证，如果认证了，就直接切换 -->
        <div class="contains">
            <div class="aui-content">

                <ul class="aui-list-view">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        已卖出的货品000
                        <span class="aui-badge">全部订单</span>
                        </a>
                    </li>
                </ul>

                <ul class="aui-grid-sixteen my-nav">
                    <li class="w20 aui-text-center">
                        <span class="aui-iconfont  ">0</span>
                        <p>待付款</p>
                    </li>
                    <li class="w20 aui-text-center">
                        <span class="aui-iconfont  ">45</span>
                        <p>待发货</p>
                    </li>
                    <li class="w20 aui-text-center">
                        <span class="aui-iconfont  ">0</span>
                        <p>待确认收货</p>
                    </li>
                    <li class="w20 aui-text-center">
                        <span class="aui-iconfont  ">0</span>
                        <p>待评价</p>
                    </li>
                    <li class="w20 aui-text-center">
                        <span class="aui-iconfont  ">0</span>
                        <p>退款中</p>
                    </li>
                </ul>

                <ul class="aui-list-view my-list">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont aui-icon-recharge aui-bg-info qianbao"></i>钱包
                        <span class="aui-badge">当前金额：1200.88</span>
                        </a>
                    </li>
                </ul>
                <!-- 卖家 -->
                <ul class="aui-list-view my-list seller">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont  aui-bg-info gong">供</i>供应管理
                        <span class="aui-badge">便捷管理供应商品</span>
                        </a>
                    </li>
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont aui-icon-camera aui-bg-info fabu"></i>快速发布
                        <span class="aui-badge">发布商品如此简单</span>
                        </a>
                    </li>
                </ul>
                <ul class="aui-list-view my-list seller">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont  aui-bg-info fuwu">服</i>服务中心
                        <span class="aui-badge">智能自助服务</span>
                        </a>
                    </li>
                </ul>
                <!-- 买家 -->
                <ul class="aui-list-view my-list buyer">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont  aui-icon-light aui-bg-info buhuo"></i>快速补货
                        <span class="aui-badge">一件补货轻松搞定</span>
                        </a>
                    </li>
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont aui-icon-favor aui-bg-info shoucang"></i>收藏夹
                        <span class="aui-badge">我收藏的好商好品</span>
                        </a>
                    </li>
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont aui-icon-footprint aui-bg-info zuji"></i>我的足迹
                        <span class="aui-badge">查找最近逛的商品</span>
                        </a>
                    </li>
                </ul>
                <ul class="aui-list-view my-list buyer">
                    <li class="aui-list-view-cell">
                        <a class="aui-arrow-right">
                        <i class="aui-iconfont aui-icon-calendar aui-bg-info yijian"></i>意见反馈
                        <span class="aui-badge"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="../../script/api.js" ></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/myInfo.js"></script>
    <script type="text/javascript" src="../script/aui-alert.js" ></script>
    <script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        var imgBase64;
        apiready = function() {
            api.parseTapmode();
            getInfo();
            api.addEventListener({
                name : 'reGetMyInfo'
            }, function(ret) {
                if (ret && ret.value) {
                    var value = ret.value;
                    if (value.key == 'true') {
                        getInfo();
                    }
                }
            })
        }
        //切换为卖家
        function changeSeller(){
                $aui.alert(function(){

                },function(ret){

                })
        }
    </script>
</html>